<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">
	
    <title>音悦台-榜单</title>
	
    <link rel="stylesheet" href="/Public/css/bootstrap.min.css"  type="text/css">
	
    <link rel="stylesheet" href="/Public/css/style.css">
	
    <link href="/Public/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="/Public/owl-carousel/owl.theme.css" rel="stylesheet">
	
    <link rel="stylesheet" href="/Public/font-awesome-4.4.0/css/font-awesome.min.css"  type="text/css">
	
	<script src="/Public/js/jquery-2.1.1.js"></script>
		 
    <script src="/Public/js/bootstrap.min.js"></script>
	
</head>

<body>
        <header>
            <!--Top-->
            <nav id="top"> 
                <div class="container">
                    <div class="row">
                        
                    </div>
                </div>
            </nav> 

            <!--Navigation-->
            <nav id="menu" class="navbar">
                <div class="container">
                    <div class="navbar-header"><span id="heading" class="visible-xs"></span>
                        <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
                    </div>
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="<?php echo U('Index/index');?>}"><i class="fa fa-home"></i> 首页</a></li>
                            <li><a href="<?php echo U('Archive/archive');?>"><i class="fa fa-home"></i> 榜单</a></li>
                            </li>
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-play-circle-o"></i> 视频</a>
                                <div class="dropdown-menu">
                                    <div class="dropdown-inner">
                                        <ul class="list-unstyled">
                                            <li><a href="/index.php/Home/Archive/archive/type/0">主打视频</a></li>
                                            <li><a href="/index.php/Home/Archive/archive/type/1">精选视频</a></li>
                                            <li><a href="/index.php/Home/Archive/archive/type/2">随机视频</a></li>
                                            <li><a href="/index.php/Home/Archive/archive/type/3">热门视频</a></li>
                                            <li><a href="/index.php/Home/Archive/archive/type/4">新影片</a></li>
                                            <li><a href="/index.php/Home/Archive/archive/type/5">热门新闻</a></li>
                                        </ul>
                                    </div> 
                                </div>
                            </li>
                            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-list"></i> 类别</a>
                                <div class="dropdown-menu" style="margin-left: -203.625px;">
                                    <div class="dropdown-inner">
                                        <ul class="list-unstyled">
                                            <li><a href="<?php echo U('Archive/archive');?>">五月天</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">萧敬腾</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">林俊杰</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">周杰伦</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">邓紫棋</a></li>
                                        </ul>
                                        <ul class="list-unstyled">
                                            <li><a href="<?php echo U('Archive/archive');?>">蔡依林</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">苏打绿</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">陈势安</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">刘德华</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">张学友</a></li>
                                        </ul>
                                        <ul class="list-unstyled">
                                            <li><a href="<?php echo U('Archive/archive');?>">任贤齐</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">罗志祥</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">蔡卓妍</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">薛之谦</a></li>
                                            <li><a href="<?php echo U('Archive/archive');?>">刘诗诗</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="<?php echo U('Message/message');?>"><i class="fa fa-envelope"></i> 留言板</a></li>
                        </ul>
                        <div class='sousuo' style="width: 250px;height: 30px;float: left; margin: 0 10px 10px 0;position: relative;">
                            <form action="<?php echo U('sousuo');?>" method="post">
                                <input type="text" style='width: 220px;height: 30px;border-radius: 5px ;margin:3px 0 15px 30px;color:black;background:white;border:0' placeholder='搜索视频名称..' name='vname'/>
                                <button type='submit'style="width: 20px;height: 40px;background: url(/Public/images/topbar_sprite4.png) no-repeat -262px -25px;border: 0 none;position: absolute;top: 10px;left: 220px;"></button>
                            </form>
                        </div>
                        <div style="width: 400px;height: 30px;float: right; margin: 0px 10px 10px 0;position: relative;"><?php if(empty($_SESSION['id'])): ?><ul class="list-inline top-link link" style='margin:5px 0 0 0'>
                                    <li><a href="<?php echo U('Login/login');?>">登录</a></li>
                                    <li><a href="<?php echo U('Register/register');?>">注册</a>
                                </ul>
                            
                            <?php else: ?>
                            
                                <ul class="list-inline top-link link" style='margin:5px 0 0 0'>
                                    <li><span style='color:#CDCD00'>亲爱的用户：<?php echo (session('username')); ?> &nbsp;</span>|&nbsp;<a href="{<?php echo U('Index/checkout');?>}"  style="font-size:13px;float:right;">注销</a></li>
                                    
                                </ul><?php endif; ?></div>
                    </div>
                </div>
            </nav>
	
	<div class="header-slide">
		<div id="owl-demo" class="owl-carousel">
			<?php if(is_array($lunbo)): $i = 0; $__LIST__ = $lunbo;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vol): $mod = ($i % 2 );++$i;?><div class="item">
                            <div class="zoom-container">
                                <div class="zoom-caption">
                                    <span><?php echo ($vol["tag"]); ?></span>
                                    <a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>" >
                                        <i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
                                    </a>
                                    <p><?php echo ($vol["vname"]); ?></p>
                                </div>
                                <img src="<?php echo ($vol["filepath"]); ?>" >
                            </div>

                        </div><?php endforeach; endif; else: echo "" ;endif; ?>
		</div>
	</div>
</header>
	<div id="page-content" class="archive-page">
		<div class="container">
			<div class="row">
				<div id="main-content" class="col-md-8">
				<?php if(is_array($bangdan)): $i = 0; $__LIST__ = $bangdan;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vol): $mod = ($i % 2 );++$i;?><article>
						<a href="#"><h3 class="vid-name"><?php echo ($vol["vname"]); ?></h3></a>
						<div class="info">
							<h5>By <a href="#"><?php echo ($vol["author"]); ?></a></h5>
							<span><i class="fa fa-calendar"></i><?php echo (date('Y-m-d',$vol["time"])); ?></span> 
							<span><i class="fa fa-heart" dianzanid='<?php echo ($vol["id"]); ?>'></i><span id='dianzan'><?php echo ($vol["hot"]); ?></span></span>
							<ul class="list-inline">
								<li><a href="#" style="text-decoration: underline;color:#333;">好评</a></li>
								<li> - </li>
								<li>
									<span class="rating">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-half-o"></i>
									</span>
								</li>
							</ul>
						</div>
						<div class="wrap-vid">
							<div class="zoom-container">
								<div class="zoom-caption">
									<span><?php echo ($vol["tag"]); ?></span>
									<a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>" target="_blank">
										<i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
									</a>
									<p><?php echo ($vol["vname"]); ?></p>
								</div>
								<img src="<?php echo ($vol["filepath"]); ?>" />
							</div>
							<p><?php echo ($vol["introduce"]); ?></p>
						</div>
					</article>
					
					<div class="line"></div><?php endforeach; endif; else: echo "" ;endif; ?>
					<center>
						<ul class="pagination">
							<li style="width:30px;height:30px">
							  <?php echo ($show); ?>
							</li>
						</ul>
					</center>
				</div>
				<div id="sidebar" class="col-md-4">
					<!---- Start Widget ---->
					<div class="widget wid-follow">
						<div class="heading"><h4><i class="fa fa-users"></i> 跟随我们</h4></div>
						<div class="content">
							<ul class="list-inline">
								<li>
									<a href="facebook.com/">
										<div class="box-facebook">
											<span class="fa fa-facebook fa-2x icon"></span>
											<span>1250</span>
											<span>Fans</span>
										</div>
									</a>
								</li>
								<li>
									<a href="facebook.com/">
										<div class="box-twitter">
											<span class="fa fa-twitter fa-2x icon"></span>
											<span>1250</span>
											<span>Fans</span>
										</div>
									</a>
								</li>
								<li>
									<a href="facebook.com/">
										<div class="box-google">
											<span class="fa fa-google-plus fa-2x icon"></span>
											<span>1250</span>
											<span>Fans</span>
										</div>
									</a>
								</li>
							</ul>
							<img src="images/banner.jpg" />
						</div>
						<div class="line"></div>
					</div>
					<!---- Start Widget ---->
					<div class="widget wid-post">
						<div class="heading"><h4><i class="fa fa-globe"></i> 类别</h4></div>
						<div class="content">
							<?php if(is_array($jingxuan5)): $i = 0; $__LIST__ = $jingxuan5;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vol): $mod = ($i % 2 );++$i;?><div class="post wrap-vid">
                                <div class="zoom-container">
                                    <div class="zoom-caption">
                                        <span><?php echo ($vol["tag"]); ?></span>
                                        <a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>">
                                            <i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
                                        </a>
                                        <p><?php echo ($vol["vname"]); ?></p>
                                    </div>
                                    <img src="<?php echo ($vol["filepath"]); ?>" />
                                </div>
                                <div class="wrapper">
                                    <h5 class="vid-name"><a href="#"><?php echo ($vol["vname"]); ?></a></h5>
                                    <div class="info">
                                        <h6>By <a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>"><?php echo ($vol["author"]); ?></a></h6>
                                        <span><i class="fa fa-calendar"></i><?php echo (date('Y-m-d',$vol["time"])); ?></span> 
                                        <span><i class="fa fa-heart"dianzanid='<?php echo ($vol["id"]); ?>'></i><span id='dianzan'><?php echo ($vol["hot"]); ?></span></span>
                                    </div>
                                </div>
                            </div><?php endforeach; endif; else: echo "" ;endif; ?>
						</div>
						<div class="line"></div>
					</div>
					<!---- Start Widget ---->
					<div class="widget wid-news">
                    <div class="heading"><h4><i class="fa fa-clock-o"></i> 热门新闻</h4></div>
                    <div class="content">
                        <?php if(is_array($new)): $i = 0; $__LIST__ = $new;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vol): $mod = ($i % 2 );++$i;?><div class="wrap-vid">
                                <div class="zoom-container">
                                    <div class="zoom-caption">
                                        <span><?php echo ($vol["tag"]); ?></span>
                                        <a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>">
                                            <i class="fa fa-play-circle-o fa-5x" style="color: #fff"></i>
                                        </a>
                                        <p><?php echo ($vol["vname"]); ?></p>
                                    </div>
                                    <img src="<?php echo ($vol["filepath"]); ?>" />
                                </div>
                                <h3 class="vid-name"><a href="/index.php/Home/Single/single/id/<?php echo ($vol["vid"]); ?>"><?php echo ($vol["vname"]); ?></a></h3>
                                <div class="info">
                                    <h5>By <a href="#"><?php echo ($vol["author"]); ?></a></h5>
                                    <span><i class="fa fa-calendar"></i><?php echo (date('Y-m-d',$vol["time"])); ?></span> 
                                    <span><i class="fa fa-heart" dianzanid='<?php echo ($vol["id"]); ?>'></i><span id='dianzan'><?php echo ($vol["hot"]); ?></span></span>
                                </div>
                            </div><?php endforeach; endif; else: echo "" ;endif; ?>
							
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer>
    <div class="top-footer">
        <ul class="footer-social list-inline">
            <li><a href="#"><i class="fa fa-twitter"></i> <span>推特</span></a></li>
            <li><a href="#"><i class="fa fa-facebook"></i> <span>脸书</span></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i> <span>Google+</span></a></li>
            <li><a href="#"><i class="fa fa-youtube"></i> <span>视频标签</span></a></li>
            <li><a href="#"><i class="fa fa-vimeo-square"></i> <span>视频</span></a></li>
            <li><a href="#"><i class="fa fa-pinterest"></i> <span>帖子</span></a></li>
            <li><a href="#"><i class="fa fa-rss"></i> <span>其他</span></a></li>
        </ul>  
    </div> -->
    <div class="wrap-footer">
        <div class="container">
            <div class="row"> 
                <aside class="col-footer col-md-3">
                    <h2 class="footer-title">关于我们</h2>
                    <div class="textwidget">这是一个基于PHP开发的在线音乐网站<br> <br> 
                        我成为今天的我，是在1975年某个阴云密布的寒冷冬日，那年我十二岁。我清楚地记得当时自己趴在一堵坍塌的泥墙后面，窥视着那条小巷，旁边是结冰的小溪。许多年过去了，人们说陈年旧事可以被埋葬，然而我终于明白这是错的，因为往事会自行爬上来。</div>
                </aside> 
                <aside class="col-footer col-md-3 widget_recent_entries">
                    <h2 class="footer-title">最近的帖子</h2>
                    <ul>
                        <li><a href="#">哈哈哈</a></li>
                        <li><a href="#">欢迎留言</a></li>
                        <li><a href="#">来吧</a></li>
                        <li><a href="#">嘻嘻</a></li>
                    </ul>
                </aside>
                <aside class="col-footer col-md-3">
                    <h2 class="footer-title">新闻信件</h2>
                    如果您想收到我们的最新消息直接发送到您的电子邮件，请留下您的电子邮件地址在下面。订阅是免费的，您可以随时取消订阅。
                    <form action="#" method="post">
                        <input type="text" name="your-name" value="" size="40" placeholder="Your Email" />
                        <input type="submit" value="SUBSCRIBE" class="btn btn-3" />
                    </form>
                </aside>
                <aside class="col-footer col-md-3 wptt_TwitterTweets">
                    <h2 class="footer-title">杂谈</h2>
                    
                </aside>
            </div>
        </div>
    </div>
    <div class="bottom-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 copyright">
                    <span>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                </div>
                <div class="col-md-6 col-sm-6 link">
                    <div class="menu-footer-menu-container">
                        <ul id="menu-footer-menu" class="menu list-inline">
                            <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                            <li><a href="#"><i class="fa fa-comments"></i> Contact</a></li>
                            <li><a href="#"><i class="fa fa-question-circle"></i> FAQ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</footer> 
	<!-- Footer -->
	
	<!-- JS -->
	<script src="/Public/owl-carousel/owl.carousel.js"></script>
    <script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 5,
        itemsDesktop : [1199,4],
        itemsDesktopSmall : [979,4]
      });

    });
    </script>
	<script>
    $(function(){ 
        $('.fa-heart').click(function(){
            $(this).css({'color':'red'});
            obj = $(this);
            var dianzanid = $(this).attr('dianzanid');
            $.post("/Home/Index/ajaxdianzan/id/"+dianzanid,function(data) {
                obj.next().html(data.hot);
        },'json');
        });
    });
</script>
</body>
</html>